<!DOCTYPE html>
<html lang="en" class="no-js">
   <head>
   <style>
        .shadow{
            position: fixed;
            top:0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0.6;
            z-index: 9;
        }
        .hide{
            display: none;
        }
       .bak{
           height: 100%;
           background-image:url("../static/bak_img.png");
       }
   </style>
       <title>搜索引擎</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
        <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

        <link rel="stylesheet" type="text/css" href="../static/css/default.css" />
        <link rel="stylesheet" type="text/css" href="../static/css/component.css" />
        <!-- 引入 Bootstrap -->
        <link href="../static/css/bootstrap.min.css" rel="stylesheet">
       
</head>
<body class="bak">
	<nav class="navbar navbar-inverse" role="navigation">
    <div class="container-fluid" style="line-height: 0.428571;">
    <div class="navbar-header">
        <a class="navbar-brand" href="/index/">搜索一下，洞知天下</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    游戏世界 <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="http://xyq.163.com/">梦幻西游</a></li>
                    <li><a href="http://pubg.qq.com/">绝地求生</a></li>
                    <li><a href="http://pvp.qq.com/">王者荣耀</a></li>
					<li><a href="http://pg.qq.com/zlkdatasys/pc/pcd.shtml">刺激战场</a></li>
                </ul>
            </li>
			<li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    影坛风云 <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="https://movie.douban.com/subject/24773958/">复仇者联盟3:无限战争</a></li>
                    <li><a href="https://www.360kan.com/m/gqjkZhH4S0H5SR.html">头号玩家</a></li>
                    <li><a href="https://www.360kan.com/m/hafiZBH4Rnn8Sx.html">后来的我们</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                    社会民生 <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="http://www.toptour.cn/area/shaanxi/">人文陕西</a></li>
                    <li><a href="http://news.cntv.cn/">中央新闻</a></li>
                    <li><a href="https://baike.so.com/doc/6441165-6654845.html">农业生产</a></li>
                </ul>
            </li>
			

			<span class="btn-group">
                <span style="position: fixed;top:0px;right: 0px;padding: 10px">
				    <button type="button" class="btn btn-default" ><a href="/login/">登陆</a></button>
                    <button type="button" class="btn btn-default"> <a href="/register/">注册</a></button>
                </span>
			</span>
        </ul>
    </div>
    </div>
	</nav>
		<form role="form" method="POST" action="/search/">
			<div class="form-group">
            <div class="row">
            <div class="col-xs-3"></div>
            <div class="col-xs-6">
                <table>
                <tr>
                <td>
				<input name="search_key_name" style="width:500px;height:50px" type="text" class="form-control" id="name" placeholder="请输入关键字">
                </td>
                <td>
                <span class="col-sm-dffset-2 col-sm-10">
                    <input type="submit" class="btn btn-primary" value="一键搜索">
                </span>
                </td>
                </tr>
                </table>
            </div>
            </div>
            </div>
        </form>
	  <!-- jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) -->
    <script src="../static/js/jquery.js"></script>
    <div class="shadow hide"></div>
    <script src="../static/jquery-1.12.4.js"></script>
    <script>

			function jump() {
			window.location.href='./Enroll/Login/index.html';
		}

        $('.del').click(function () {
            $(this).parent().parent().remove();
        });
        function confirmModal() {
            var trs = [];

        }
        function addElement(){

            $('.modal,.shadow').removeClass('hide')
        }
        function cancleModal() {
            $('.modal,.shadow').addClass('hide');
            $('.modal input[type="text"]').val("");
        }
        $('.edit').click(function () {
            $(".modal,.shadow").removeClass('hide');
            var tds = $(this).parent().prevAll();
            tds.each(function () {
                var n = $(this).attr('target');
                var text = $(this).text();
                $('.modal input[name="' + n + '"]').val(text);
            })

        })
		

    </script>
      <!-- 包括所有已编译的插件 -->
    <script src="../static/js/bootstrap.js"></script>
    <br><br>
    <div class="container">
        <div class="main">
            <nav id="cbp-hrmenu" class="cbp-hrmenu">
                        <ul>
                            {% for item in obj  %}
                            <li>
                                <a href="{{ item.id }}">{{ item.cat }}</a>
                                <div class="cbp-hrsub">
                                        <div class="cbp-hrsub-inner">
                                            {% for item1 in obj1 %}
                                                {% if item.id == item1.sub_cat_id %}
                                                <div>
                                                    <h4><a href="/search_cat2-{{ item1.id }}/">{{ item1.subcatname }}</a> </h4>
                                                    <ul>
                                                        {% for item2 in obj2 %}
                                                            {% if item1.id == item2.web_type_id %}
                                                                <li><a href="{{ item2.web_url }}">{{ item2.web_name }}</a></li>
                                                            {% endif %}
                                                        {% endfor %}
                                                    </ul>
                                                </div>
                                                {% endif %}
                                            {% endfor %}
                                        </div><!-- /cbp-hrsub-inner -->
                                    </div><!-- /cbp-hrsub -->                              
                            </li>

                            {% endfor %}
                        </ul>


                    </nav>
                </div>
            </div>
            
            <script type="text/javascript" src="../static/jquery.min.js"></script>
            <script type="text/javascript" src="../static/cbpHorizontalMenu.min.js"></script>
            <script type="text/javascript">
            $(function() {
                cbpHorizontalMenu.init();
            });
            </script>
            
            <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
            </div>
	  
   </body>

</html>
